<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<head>
	<link rel="stylesheet" type="text/css" href="../css/stylo.css" />
	<title></title>
</head>
<body>
	<f:loadBundle var="msg" basename="mensajes"/>
    <f:view>
		<h:form id="mainForm" >
        	<div id="titulo_encuesta">
				<h1> <h:outputLabel for="encuesta" value="#{msg.encuesta}" />
					 <h:outputLabel value="#{formulario1.formulariodto.encuesta}"/>
				</h1>
			</div>
			<br></br>
			
			<div id="titulo_formulario">
				<h1><h:outputLabel value="#{formulario1.formulariodto.formulario}"/></h1>
			</div>
                        
            <h:dataTable value="#{formulario1.formulariodto.servicios}" var="servicio">
            	<h:column>
            	
            		<!-- Tipo de pregunta 1 -->
            		<h:panelGrid  layout="block" rendered="#{servicio.tipoPregunta == 1}"  columns="3" columnClasses="header_servicio_1"  cellpadding="1" border="0"   style=" margin-left: 9px; width: 870px; background-color: #0B6B89;">
                    	<h:outputText  value="#{servicio.nombre}"></h:outputText>
                        <t:dataList    value="#{servicio.etiquetas}" var="etiqueta" styleClass="radioButton" style="width: 460px; ">
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 5}" style="content: inherit;  width: 115px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 6}" style="content: inherit;  width: 90px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 7}" style="content: inherit;  width: 72px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 8}" style="content: inherit;  width: 65px; height:35px; padding-left: 2px;" border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        </t:dataList>
                    </h:panelGrid>
                    <h:panelGrid rendered="#{servicio.tipoPregunta == 1}"  columns="2" columnClasses="paragraph" styleClass="explanatoryText">
                    	<h:dataTable value="#{servicio.preguntas}" var="pregunta">
                        	<h:column>
                            	<h:panelGrid layout="block" columns="3" columnClasses="paragraph1" styleClass="explanatoryText" cellpadding="1" border="0" style="width: 874px; ">
                                	<h:outputText  value="#{pregunta.pregunta}"></h:outputText>
                                    <h:selectOneRadio  id="rbuttons2" value="#{pregunta.estado}" onchange="submit();" styleClass="radioButton" style="width: 460px; ">
                                    	<f:selectItems value="#{pregunta.rbuttons}"/> 
                                    </h:selectOneRadio>
                                	<h:inputTextarea id="comentario" rows="2" cols="10" value="#{pregunta.textArea}" valueChangeListener="#{pregunta.textAreaValue}" onchange="submit();" style="width: 100px;" />   
                                </h:panelGrid>
                                 
                            </h:column>
                        </h:dataTable>
                    </h:panelGrid>
                    
                    
                    <!-- Tipo de pregunta 2 - 3 -->
            		<h:panelGrid  layout="block" rendered="#{servicio.tipoPregunta == 2 || servicio.tipoPregunta == 3}"  columns="3" columnClasses="header_servicio_1"  cellpadding="1" border="0"   style=" margin-left: 9px; width: 870px; background-color: #0B6B89;">
                    	<h:outputText  value="#{servicio.nombre}"></h:outputText>
                        <t:dataList    value="#{servicio.etiquetas}" var="etiqueta" styleClass="radioButton" style="width: 460px; ">
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 5}" style="content: inherit;  width: 115px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 6}" style="content: inherit;  width: 90px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 7}" style="content: inherit;  width: 72px; height:35px; " border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        	<h:outputText  rendered="#{servicio.cantEtiquetas == 8}" style="content: inherit;  width: 65px; height:35px; padding-left: 2px;" border="0" styleClass="combinado" value="#{etiqueta.nombreEtiq}"></h:outputText>
                        </t:dataList>
                    </h:panelGrid>
                    <h:panelGrid rendered="#{servicio.tipoPregunta == 2 || servicio.tipoPregunta == 3}"  columns="2" columnClasses="paragraph" styleClass="explanatoryText">
                    	<h:dataTable value="#{servicio.preguntas}" var="pregunta">
                        	<h:column>
                            	<h:panelGrid layout="block" columns="3" columnClasses="paragraph1" styleClass="explanatoryText" cellpadding="1" border="0" style="width: 874px; ">
                                	<h:outputText  value="#{pregunta.pregunta}"></h:outputText>
                                    <h:selectOneRadio  id="rbuttons2" value="#{pregunta.estado}" onchange="submit();" styleClass="radioButton" style="width: 460px; ">
                                    	<f:selectItems value="#{pregunta.rbuttons}"/> 
                                    </h:selectOneRadio>
                                	<h:inputTextarea id="comentario" rows="2" cols="10" value="#{pregunta.textArea}" valueChangeListener="#{pregunta.textAreaValue}" onchange="submit();" style="width: 100px;" />   
                                </h:panelGrid>
                                 
                            </h:column>
                        </h:dataTable>
                    </h:panelGrid>
                    
                    <!-- Tipo pregutna 4 -->
                    <h:panelGrid rendered="#{servicio.tipoPregunta == 4}"  columns="2" columnClasses="header_servicio_1" cellpadding="1" border="0" style="width: 874px; ">
                    	<h:outputText style="width: 672px;"  value="#{servicio.nombre}"></h:outputText>
                    </h:panelGrid>
                    <h:panelGrid rendered="#{servicio.tipoPregunta == 4}"  columns="2" columnClasses="paragraph" styleClass="explanatoryText">
                    	<h:dataTable value="#{servicio.preguntas}" var="pregunta">
                        	<h:column>
                            	<h:panelGrid columns="2" columnClasses="paragraph1" styleClass="explanatoryText" cellpadding="1" border="0" width="50%" style="width: 870px; ">
                                	<h:outputText style="width: 672px;" value="#{pregunta.pregunta}"></h:outputText>
                                    <h:inputTextarea  id="textArea" rows="2" cols="14" value="#{pregunta.textArea}" valueChangeListener="#{pregunta.textAreaValue}" onchange="submit();" style="width: 580px; height: 51px; margin-left: 20px;"/>
                                    
                                </h:panelGrid>
                            </h:column>
                        </h:dataTable>
                    </h:panelGrid>
				</h:column>
             </h:dataTable>
                        
			<!-- Botones  -->                        
             <div style="text-align: center;">
             	<h:commandButton styleClass="boton" 
                	        	value="#{msg.botonGrabar}" 
							action="#{pc_AltaSolicitante.doCancelar}" immediate="true" style="height: 24px; width: 160px; "> 
				</h:commandButton>
				<h:commandButton styleClass="boton" 
                        	value="#{msg.botonCancelar}" 
							action="#{pc_AltaSolicitante.doCancelar}" immediate="true" style="height: 24px; width: 160px; "> 
				</h:commandButton>
			</div>	 
                
         </h:form>
	</f:view>
</body>
</html>
